/*
 * Creative Bulletin Board Generation 3
 * Version 1.0 Beta 1
 +------------------------------------
 * CSS: Backend Basic Layout
 * Started: September 19, 2009 09:23 PM
 +------------------------------------
 */

/*------------------------------------
 * Main Styles.
 * body, a, img, inputs, etc.
 */
body{
	background: #F7F7F7;
	font-family: Arial, Verdana;
	font-size: 12px;
	margin: 0;
	color: #333;
}

a{
	font: inherit;
	color: inherit;
	text-decoration: none;
}

img{
	border: 0;
	vertical-align: middle;
}

input[type=text],
input[type=submit],
input[type=password]{
	font: inherit;
	padding: 2px;
	border: 1px solid #CCC;
}

fieldset{ border: 0 }

/*------------------------------------
 * Header Area.
 * #top, .navigationMenu
 */

#top{
	background: #424242;
	padding: 8px;
}

#top img{
	position: relative;
	top: 0;
}

ul.navigationMenu{
	margin-top: 0;
	background: #424242;
	padding: 4px;
	color: #FFF;
}

ul.navigationMenu li{
	display: inline;
	padding: 4px;
}

ul.navigationMenu li:hover{
	background: #666;
}

ul.navigationMenu li.active{
	background: #666;
}

#rightTop{
	float: right;
	margin-top: 15px;
	color: #FFF;
}

/*------------------------------------
 * Sort-of unobtrusive alerts
 */
.alert-msg-box {
	padding: 3px;
	-moz-box-shadow: 0 0 9px #242424;
	box-shadow: 0 0 9px #242424;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	color: #FFF;
	background: #242424;
	width: 85%;
	z-index: 755;
	text-align: center;
	position: absolute;
	top: 35%;
	left: 10%;
	display: none;
}

.error-msg-box {
	-moz-box-shadow: 0 0 9px #903;
	box-shadow: 0 0 9px #903;
	background: #903;
}

.success-msg-box {
	-moz-box-shadow: 0 0 9px #253C08;
	box-shadow: 0 0 9px #253C08;
	background: #253C08;
	color: #FFF;
}

/*------------------------------------
 * Sidebar
 */
#sidebar{
	background: #FFF;
	float: left;
	width: 17%;
	padding: 4px;
	margin: 5px;
	margin-left: 0;
	border: 1px solid #CCC;
}

#sidebar_mainhead{
	font-size: 13px;
	font-style: italic;
	font-weight: bold;
	border-bottom: 1px solid #CCC;
}

.sidebar_subhead{
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
	margin-bottom: 4px;
	padding: 2px;
	border-bottom: 1px dotted #CCC;
}

#sidebar_maincontent{
	padding: 3px;
}

.sidebar_subcontent{
	padding-left: 6px;
}

.sidebar_link{
	padding: 2px;
	margin-bottom: 2px;
}

/* Some nasty container fixes */
#main:after{
	content: ".";
	visibility: hidden;
	display: block;
	clear: both;
	height: 0;
    font-size: 0;
}

/*------------------------------------
 * Reusable styles: Error, Warning, Success...etc
 * Used for inline(Error/Warning/Success/Info) in
 * the view class.
 */

.error, .warning, .success, .info{
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	text-shadow: 0px 1px 0px rgba(255,255,255,0.8);
}

.error{
	background-color: #ffe8e8;
	color: #dd4444;
	padding: 3px;
	border: 1px solid #ffcaca;
	margin: 5px;
}

.warning{
	background: #FDFEDE;
	color: #222;
	padding: 3px;
	border: 1px solid #FED87E;
	margin: 5px;
}

.success{
	background: #F1F6EC;
	color: #3E4934;
	padding: 3px;
	border: 1px solid #B0CE94;
	margin: 5px;
}

.info{
	background: #DBECF9;
	color: #222;
	padding: 3px;
	border: 1px solid #A8C7EA;
	margin: 5px;
}

/* Paginator */
.pagebutton{
	background: #FFF;
	border: 1px solid #CCC;
	padding: 3px;
	display: inline;
}

.pagebutton:hover{
	background: #424242;
	color: #FFF;
}

.pagebutton:hover a{
	color: #FFF;
}

/*------------------------------------
 * Center Zone / Reusable Styles
 * Container, "box" styles, anything
 * that applies to the content
 */

.container{
	margin: 5px;
	float: right;
	width: 78%;
}

.tableborder{
	border: 1px solid #CCC;
	margin: 3px;
}

.tabletop{
	background: #424242 repeat-x;
	padding: 5px;
	color: #FFF;
}

.subtitle{
	background: #F7F7F7 repeat-x;
	color: #333;
	font-weight: bold;
	padding: 3px;
}

.tablecontent{
	padding: 2px;
	background: #FFF;
}

.tablecontent-unpadded{
	background: #FFF;
}

/*------------------------------------
 * Copyright Styles
 */

.copyright{
	width: 85%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	padding: 5px;
	text-align: center;
}

/*-----------------------------------
 * Small Boxes for inner containers
 */


.smallBox{
	background: #F5F5F5;
	padding: 5px;
	margin: 3px;
	border: 1px solid #CCC;
}

.smallBox a{ font-weight: bold; text-decoration: underline; }

/*------------------------------------
 * Log in-Specific Styles
 */
#logincenterbox{
	margin: auto auto;
	width: 55%;
	background: #FFF;
	padding: 4px;
	color: #929292;
	border: 1px solid #CCC;
}

#loginboxtitle{
	font-size: 14px;
	font-weight: bold;
	color: #333;
	border-bottom: 1px dashed #CCC;
}

/*------------------------------------
 * Misc.
 */
br.clear{
	clear: both;
}

a.toggle{
	float: right;
}
